<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" type="text/css" href="css/main.css"/>
    <link rel="stylesheet" type="text/css" href="css/more.css"/>
    <script type="text/javascript" src="js/first.js"></script>
    <script type="text/javascript" src="js/main.js"></script>
    <link rel="icon" href="img/favicon.ico"/>
    <title>更多 | 外卖配送信息系统</title>
</head>
<body>
<div class = "M-More">
<div>
    <h4 style="font-size: 25px">数据统计</h4>
    <span id="blockCount">区域数量：<span></span></span>
    <span id="groupCount">组别数量：<span></span></span>
    <br/>
    <span id="adminCount">管理员数量：<span></span></span>
    <span id="senderCount">配送员数量：<span></span></span>
    <span id="takeoutCount">外卖数量：<span></span></span>
</div>

<br/>
<hr/>
<div>
    <a href="page.html">
        <img src="/img/back.png" alt="back">
    </a></br>
    <a href="javascript:changeTakeoutView()" id="addTakeoutTag">添加外卖</a>
    <a href="javascript:changeSenderView()" id="addSenderTag">添加配送员</a>
    <a href="javascript:changeAdminView()" id="addAdminTag">添加管理员</a>
    <a href="javascript:changeGroupView()" id="addGroupTag">添加组别</a>
    <a href="javascript:changeBlockView()" id="addBlockTag">添加区域</a>
</div>

<br/>
<div id="allChangeView">
    <div class = "addTakeoutView" id="addTakeoutView">
        <form>
            <label>收货人:<br/>
                <input type="text" placeholder="（可选）" id="customerName"/>
            </label>
            <br/>
            <label>收货号码:<br/>
                <input type="text" id="customerPhone"/>
            </label>
            <br/>
            <label>备注:<br/>
                <input type="text" placeholder="（可选）" id="detail"/>
            </label>
            <br/>
            <label id="selectBlock_addT">区域:<br/>
                <select onchange='changeGroupSelect("selectBlock_addT", "selectGroup_addT", "selectGroupOption_addT")'>
                    <option id="selectBlockOption_addT" style="display: none"></option>
                </select>
            </label>
            <br/>
            <label id="selectGroup_addT">组别:<br/>
                <select>
                    <option id="selectGroupOption_addT" style="display: none"></option>
                </select>
            </label>

            <br/>
            <br/>
            <label>
                <input type="button" value="添加外卖" onclick="addTakeout()"/>
            </label>
        </form>
    </div>

    <div class = "addSenderView" id="addSenderView">
        <form>
            <label>姓名:<br/>
                <input type="text" placeholder="（可选）" id="senderName"/>
            </label>
            <br/>
            <label>号码:<br/>
                <input type="text" id="senderPhone"/>
            </label>
            <br/>
            <label>密码:<br/>
                <input type="text" id="senderPassword"/>
            </label>
            <br/>
            <label id="selectBlock_addS">区域:<br/>
                <select onchange='changeGroupSelect("selectBlock_addS", "selectGroup_addS", "selectGroupOption_addS")'>
                    <option id="selectBlockOption_addS" style="display: none"></option>
                </select>
            </label>
            <br/>
            <label id="selectGroup_addS">组别:<br/>
                <select>
                    <option id="selectGroupOption_addS" style="display: none"></option>
                </select>
            </label>
            <br/>
            <br/>
            <label>
                <input type="button" value="添加配送员" onclick="addSender()"/>
            </label>
        </form>
    </div>

    <div class = "addAdminView" id="addAdminView">
        <form>
            <label>姓名:<br/>
                <input type="text" placeholder="（可选）" id="adminName"/>
            </label>
            <br/>
            <label>号码:<br/>
                <input type="text" id="adminPhone"/>
            </label>
            <br/>
            <label>密码:<br/>
                <input type="text" id="adminPassword"/>
            </label>
            <br/>
            <label id="selectBlock_addA">区域:<br/>
                <select>
                    <option id="selectBlockOption_addA" style="display: none"></option>
                </select>
            </label>
            <br/>
            <br/>
            <label>
                <input type="button" value="添加管理员" onclick="addAdmin()"/>
            </label>
        </form>
    </div>

    <div class = "addGroupView" id="addGroupView">
        <form>
            <label>名称:<br/>
                <input type="text" id="groupName"/>
            </label>
            <br/>
            <label>详细:<br/>
                <input type="text" placeholder="（可选）" id="groupInfo"/>
            </label>
            <br/>
            <label id="selectBlock_addG">区域:<br/>
                <select>
                    <option id="selectBlockOption_addG"></option>
                </select>
            </label>
            <br/>
            <br/>
            <label>
                <input type="button" value="添加组别" onclick="addGroup()"/>
            </label>
        </form>
    </div>

    <div class = "addBlockView" id="addBlockView">
        <form>
            <label>名称:<br/>
                <input type="text" id="blockName"/>
            </label>
            <br/>
            <label>详细:<br/>
                <input type="text" placeholder="（可选）" id="blockInfo"/>
            </label>
            <br/>
            <br/>
            <label>
                <input type="button" value="添加区域" onclick="addBlock()"/>
            </label>
        </form>
    </div>
</div>
<br/>
<p id="moreHint" style="color: red; text-align: center"></p>
</div>
</body>
<script type="text/javascript" src="js/more.js"></script>
</html>
